<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"  lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>AdminLTE 2 | Boxed Layout</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" th:href="@{/static/adminlte/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css}">
<!--    <link rel="stylesheet" th:href="@{/static/logincss/fonts/fontawesome/css/font-awesome.min.css}">-->
<!--    <link rel="stylesheet" th:href="@{/static/logincss/fonts/ionicons/css/ionicons.min.css}">-->
    <link rel="stylesheet" th:href="@{/static/adminlte/dist/css/skins/_all-skins.min.css}">
    <link rel="stylesheet" th:href="@{/static/bootstrap-table/bootstrap-table.css}">
    <link rel="stylesheet" th:href="@{/static/adminlte/dist/css/AdminLTE.min.css}">
<!--    <link rel="stylesheet" th:href="@{/static/bootstrap-table/bootstrap.min.css}">-->
<!--    <link rel="stylesheet" th:href="@{/static/adminlte/dist/css/Cooldog.css}">-->
<!--    <link rel="stylesheet" th:href="@{/static/adminlte/dist/css/iconfont.css}">-->

    <script th:src="@{/static/adminlte/dist/js/demo.js}"></script>
    <script th:src="@{/static/adminlte/dist/js/Cooldog.js}"></script>
    <script th:src="@{/static/adminlte/bower_components/fastclick/lib/fastclick.js}"></script>
    <script th:src="@{/static/adminlte/bower_components/jquery/dist/jquery.min.js}"></script>
    <script th:src="@{/static/adminlte/dist/js/adminlte.min.js}"></script>
    <script th:src="@{/static/adminlte/bower_components/bootstrap/dist/js/bootstrap.min.js}"></script>
    <script th:src="@{/static/adminlte/bower_components/datatables.net/js/jquery.dataTables.min.js}"></script>
    <script th:src="@{/static/adminlte/bower_components/jquery-slimscroll/jquery.slimscroll.min.js}"></script>
    <script th:src="@{/static/adminlte/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js}"></script>
    <script th:src="@{/static/adminlte/bootstrap-table/bootstrap-table.min.js}"></script>
</head>

<body style="text-align:center;">
<!--th:style="'background-image:url(' + @{/logincss/images/ninpeima.jpg} + ');'"-->
    <!-- Content Wrapper. Contains page content -->
<!--<img th:src="@{/static/logincss/imags/ninpeima.jpg}" style="position:absolute; width:100%; height:100%; left:0; top:0; z-index:-1;"/>-->
<!--<img style="margin: 0 auto;" th:src="@{/logincss/images/ninpeima.jpg}">-->

<div class="content-wrapper">

        <!-- Main content -->
        <section class="content">
            <div class="error-page">
                <h2 class="headline text-yellow"> 404</h2>

                <div class="error-content" style="width:100%;text-align:center">

                    <form class="search-form">
                        <div class="input-group" style="width:100%;text-align:center">
                            <h3><i class="fa fa-warning text-yellow"></i> A!O!  &nbsp;&nbsp;&nbsp;&nbsp; Page not found.</h3>
<!--                            href="/Admin/tologin"-->
                            <br>
                            <p>
                                 <a href="/Admin/tologin">Ni mama han ni hui jia chi fan!</a>.
                            </p>
<!--                            <img style="margin: 0 auto;" th:src="@{/statics/logincss/images/ninpeima.jpg}">-->
                            <br>
                         <img style="margin: 0 auto;" th:src="@{/logincss/images/qieman.jpg}">
<!--                           <header id="gtco-header" class="gtco-cover" role="banner"th:style="'background-image:url(' + @{/static/ninpeima.jpg} + ');'">-->
                        </div>
                        <!-- /.input-group -->
                    </form>
                </div>
                <!-- /.error-content -->
            </div>
            <!-- /.error-page -->
        </section>

    </div>
</body>

</html>